<!--
  ~ Copyright 2021 Scheer PAS Schweiz AG
  ~
  ~  Licensed under the Apache License, Version 2.0 (the "License");
  ~  you may not use this file except in compliance with the License.
  ~  You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~  Unless required by applicable law or agreed to in writing, software
  ~  distributed under the License is distributed on an "AS IS" BASIS,
  ~  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~  See the License for the specific language governing permissions and
  ~  imitations under the License.
  -->

<div id="navbar" class="row">
  <div
    id="navbar-link-{{ link.name.toLowerCase() }}"
    class="navigation-links"
    *ngFor="let link of navigation.links; let last = last">
    <a
      id="navbar-link-href-{{ link.name.toLowerCase() }}"
      *ngIf="!link.useRouter; else noRouterLink"
      [href]="link.link"
      [target]="link.openInNewTab ? '_blank' : '_self'">
      <span>{{ link.name }}</span>
    </a>

    <ng-template #noRouterLink>
      <a
        id="navbar-link-router-{{ link.name.toLowerCase() }}"
        [routerLink]="link.link"
        routerLinkActive="primary">
        <span>{{ link.name }}</span>
      </a>
    </ng-template>

    <span *ngIf="!last" class="navigation-separator">{{
      navigation.separator
    }}</span>
  </div>
</div>
